import Vue from 'vue'

import 'normalize.css/normalize.css'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// import locale from 'element-ui/lib/locale/lang/en'

import '@/styles/index.scss'

import App from './App'
import store from './store'
import router from './router'

import '@/icons'
import '@/permission'
import i18n from '@/lang'

import GlobalComponent from '@/components'
Vue.use(GlobalComponent)

import Directive from '@/directives'
Vue.use(Directive)
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})

// 如果父级文件夹有.git-git仓库
// 但是子级文件夹内还有.git, 外面仓库是无法携带此子文件夹代码
// 解决1: 把子文件夹.git删除, 用外面管理 (旭哥-所有代码都在课上代码仓库)
// 解决2: 直接用子文件夹.git仓库自己管理-外面不用管我了

// 问题: 这个VUE_APP_BASE_API环境变量会用到哪里?
// 答案: axios的基地址(前缀)里

// 问题: 为何开发环境, 基地址有个是以/api开头的?
// 答案: 我要请求当前webpack开发服务器, 让服务器
// 命中/api开头代理规则, 帮我做代理转发(因为后台没
// 有开启cors)
// 假如: 后端开启了cors, VUE_APP_BASE_API能不能写
// http://xxxx地址? -> 意思: 直接让axios发起http请求
// 注意:
// axios()请求发现地址以http开头->直接调用外链地址
// axios()请求发现地址以/开头, 请求所在本地服务器

// 问题: 为何生产环境, 基地址是http://xxxx的?
// 答案: 打包以后, 没有代理转发了, 无需/api开头的规则了, 完整的后端地址
// 让axios直接去请求
// 但是: 我们前端项目现在localhost:5500上测试, 后端地址没开cors
// 所以打包后还是跨域
// 解决: 前端dist代码, 放到和后端同一个地址下
// 或者: 本地node+express+cors,自己搭建一个类似开发服务器做代理转发
// axios请求要请求自己的这个服务器
